<div class="modal fade" id="modal-basic-auth" tabindex="-1" role="dialog" aria-labelledby="modal-basic-auth" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
      <form class="form-basic-auth">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Basic Authentication</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <div class="form-group required">
              <label class="form-control-label" for="basic-auth-name">Username</label>
              <input type="text" class="form-control" id="basic-auth-name" placeholder="Username">
              <small class="form-text valid-info">Username cannot be empty.</small>
            </div>
            <div class="form-group">
              <label class="form-control-label" for="basic-auth-password">Password</label>
              <input type="password" class="form-control" id="basic-auth-password" placeholder="Password">
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Okay</button>
          </div>
        </div>
      </form>
    </div>
  </div>